/*!
 * author: liam
 *
 * date: 2017-7-7 10:00
 */

/*====================弹窗====================*/
#wstatus {
    position:fixed;
    top:400px;
    width:auto;
    line-height:38px;
    background:#fff;
    border:solid 4px #e5e5e5;
    padding:10px;
    z-index:9999;
    border-radius: 3px;
}
#wstatus .wstatus_s {
    float: left;
    height: 25px;
    width: 25px;
}
#wstatus .wstatus_s1 {
    background:url("../img/icon/ico.png") no-repeat left top;
    background-size: 25px auto;
}
#wstatus .wstatus_s2 {
    background:url("../img/icon/ico.png") no-repeat left bottom;
    background-size: 25px auto;
}
#wstatus .wstatus_s3 {
    background:url("../img/icon/loading.gif") no-repeat center;
    background-size: 25px auto;
}
#wstatus .wstatus_s4 {
    background:url("../img/icon/ico.png") no-repeat left;
    background-size: 25px auto;
}
#wstatus .wstatus_f {
    color: #333;
    display: block;
    font-size: 14px;
    line-height: 25px;
    margin: 0;
    max-width: 500px;
    padding: 0 6px 0 35px;
    text-align: left;}
.status-box,
#bremove {
    width:100%;
    height:100%;
    background:#000;
    opacity:0.5;
    filter:alpha(opacity=50);
    z-index:9998;
    position:fixed;
    left:0;
    top:0;
}
/*====================弹窗 End====================*/

.fl{
    float: left;
}
.fr{
    float: right;
}
.text-center{
    text-align: center !important;
}
.opacity{
    /* older safari/Chrome browsers */
    -webkit-opacity: 0.5;
    /* Netscape and Older than Firefox 0.9 */
    -moz-opacity: 0.5;
    /* Safari 1.x (pre WebKit!) 老式khtml内核的Safari浏览器*/
    -khtml-opacity: 0.5;
    /* IE9 + etc...modern browsers */
    opacity: .5;
    /* IE 4-9 */
    filter:alpha(opacity=50);
    /*This works in IE 8 & 9 too*/
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
    /*IE4-IE9*/
    filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
}
ul, ol{
    margin: 0;
}
.center-th{
    word-break: break-all;
    vertical-align:middle !important;
    text-align:center !important;
}
.a-line{
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.container{
    width: 100%;
    position: relative;
    min-width: 1200px;
}
.page-header{
    margin-top: -32px;
    background-color: #f1f1f1;
    position: relative;
    z-index: 1;
    margin-left: 228px;
    padding-bottom: 19px;
    border-bottom: none;
}
.page-right-top{
    width: 100%;
    overflow: hidden;
    border-bottom: 2px solid #c8c8c8;
    background-color: #fff;
}
.right-top{
    padding: 17px 0 18px 30px;
    overflow: hidden;
    float: left;
}
.right-title{
    float: left;
    color: #444444;
    font-size: 24px;
}
.main-content{
    padding: 20px 30px;
    background-color: #f1f1f1;
    min-height: 700px;
    min-width: 950px;
    overflow: hidden;
}
.header{
    width:100%;
    height:80px;
    background-color: #1a2538;
}
.index-list-box{
    overflow: hidden;
    width: 942px;
    margin: 0 auto;
}
.index-list{
    width:228px;
    height:92px;
    float: left;
    margin-right: 10px;
}
.main-top{
    overflow: hidden;
}
.index-m1{
    background: url("../img/icon/index-m1.png") no-repeat;
}
.index-m2{
    background: url("../img/icon/index-m2.png") no-repeat;
    margin: 4px;
}
.index-m3{
    background: url("../img/icon/index-m3.png") no-repeat;
}
.index-m4{
    background: url("../img/icon/index-m4.png") no-repeat;
    margin-right: 0;
}
.index-m5{
    background: url("../img/icon/index-m5.png") no-repeat;
    margin: 4px;
}
.mes-m1{
    background: url("../img/icon/mes-m1.png") no-repeat;
}
.mes-m2{
    background: url("../img/icon/mes-m2.png") no-repeat;
    margin: 4px;
}
.mes-m4{
    background: url("../img/icon/mes-m4.png") no-repeat;
    margin-right: 0;
}
.member-m1{
    background: url("../img/icon/member-m1.png") no-repeat;
}
.member-m2{
    background: url("../img/icon/member-m2.png") no-repeat;
    margin: 4px;
}
.member-m3{
    background: url("../img/icon/member-m3.png") no-repeat;
}
.qy-m2{
    background: url("../img/icon/qy-m2.png") no-repeat;
    margin: 4px;
}
.qy-m3{
    background: url("../img/icon/qy-m3.png") no-repeat;
}
.declare-m1{
    background: url("../img/icon/declare-m1.png") no-repeat;
}
.declare-m2{
    background: url("../img/icon/declare-m2.png") no-repeat;
    margin: 4px;
}
.declare-m3{
    background: url("../img/icon/declare-m3.png") no-repeat;
}
.declare-m4{
    background: url("../img/icon/declare-m4.png") no-repeat;
    margin-right: 0;
}
.file-m1{
    background: url("../img/icon/file-m1.png") no-repeat;
}
.file-m2{
    background: url("../img/icon/file-m2.png") no-repeat;
    margin: 4px;
}
.file-m3{
    background: url("../img/icon/file-m3.png") no-repeat;
}
.index-total{
    color: #fff;
    font-size: 16px;
    padding-top: 15px;
    padding-left: 18px;
}
.index-totalNum{
    color: #fff;
    overflow: hidden;
    padding-top: 12px;
    padding-left: 18px;
}
.index-totalNum span{
    font-size: 34px;
    margin-right: 6px;
}
.new-list-box{
    width: 290px;
    background-color: #fff;
    float: left;
    margin-right: 33px;
    /*-webkit-box-shadow:0 0 2px #888;*/
    /*-moz-box-shadow:0 0 2px #888;*/
    /*box-shadow:0 0 2px #888;*/
}
.p-list-index{
    width: 698px;
}
.main-bottom{
    margin-top:25px;
    overflow: hidden;
}
.new-title{
    color: #666;
    padding: 14px 20px;
    border-bottom: 1px solid #e8e8e8;
    position: relative;
    background-color: #fbfbfb;
}
.i-mes{
    color: #08c;
}
.header-fl{
    padding: 12px 0 0 14px;
    color: #95a0aa;
    font-weight: bold;
    font-size: 12px;
}
.p-border{
    width: 4px;
    height: 28px;
    display: block;
    position: absolute;
    left:0;
    top:11px;
}
.border-blue{
    background-color: #1385dd;
}
.border-green{
    background-color: #9ccc65;
}
.border-orange{
    background-color: #fa8564;
}
.new-ul,
.new-list{
    font-size: 14px;
    overflow: hidden;
    padding-top: 12px;
    color: #888888;
}
.new-ul{
    color: #333;
    overflow: hidden;
    display: block;
    font-size: 14px;
    padding: 12px 0;
    border-bottom: 1px dashed #e8e8e8;
}
.new-fl{
    width: 180px;
    text-align: center;
    padding: 0 10px;
}
.p-new-fl{
    width: 300px;
    text-align: center;
    padding: 0 10px;
}
.new-fr{
    width: 90px;
    text-align: center;
    color: #888888;
}
.fs12{
    font-size: 12px;
}
.header-fr{
    padding: 12px 28px 0 0;
}
.default-avatar{
    margin-right: 10px;
}
.admin-name{
    font-size: 16px;
    color: #95a0aa;
    height: 28px;
    line-height: 28px;
    margin-right: 35px;
}
.login-exit{
    margin-top: 5px;
    cursor: pointer;
}
.super-admin{
    width: 84px;
    position: absolute;
    left:70px;
    top: 47px;
}
.super-admin img{
    display: block;
    margin: 0 auto;
}
.super-text{
    color: #fff;
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    margin-top: 10px;
    display: block;
}
.panel-title a{
    overflow: hidden;
    display: block;
}
.sidebar{
    width: 228px;
    float: left;
    background-color: #354052;
    padding-top: 85px;
    min-height: 700px;
}
.sidebar-son-list,
.sidebar-list{
    padding: 13px 25px 13px 23px;
    color: #95a0aa;
    font-size: 16px;
    border-bottom: 1px solid #424e63;
}
.sidebar-list-active{
    background-color: #1a2538;
    color: #fff;
}
.sidebar-icon{
    width: 35px;
    height: 18px;
    float: left;
    display: block;
}
.side1{
    background: url("../img/icon/side1.png") no-repeat;
    width: 18px;
    height: 13px;
    display: block;
    margin: 2px 0;
}
.side1-c{
    background: url("../img/icon/side1-c.png") no-repeat;
}
.side2{
    background: url("../img/icon/side2.png") no-repeat;
    width: 16px;
    height: 16px;
    display: block;
    margin: 1px 0;
}
.side2-c{
    background: url("../img/icon/side2-c.png") no-repeat;
}
.side3{
    background: url("../img/icon/side3.png") no-repeat;
    width: 16px;
    height: 16px;
    display: block;
    margin: 1px 0;
}
.side3-c{
    background: url("../img/icon/side3-c.png") no-repeat;
}
.side4{
    background: url("../img/icon/side4.png") no-repeat;
    width: 16px;
    height: 18px;
    display: block;
}
.side4-c{
    background: url("../img/icon/side4-c.png") no-repeat;
}
.side5{
    background: url("../img/icon/side5.png") no-repeat;
    width: 16px;
    height: 16px;
    display: block;
}
.side5-c{
    background: url("../img/icon/side5-c.png") no-repeat;
}
.side6{
    background: url("../img/icon/side6.png") no-repeat;
    width: 16px;
    height: 14px;
    display: block;
}
.side6-c{
    background: url("../img/icon/side6-c.png") no-repeat;
}
.side7{
    background: url("../img/icon/side7.png") no-repeat;
    width: 16px;
    height: 14px;
    display: block;
    margin: 2px 0;
}
.side7-c{
    background: url("../img/icon/side7-c.png") no-repeat;
}
.side8{
    background: url("../img/icon/side8.png") no-repeat;
    width: 15px;
    height: 15px;
    display: block;
    margin: 1px 0;
}
.side8-c{
    background: url("../img/icon/side8-c.png") no-repeat;
}
.r-arrow{
    float: right;
    background: url("../img/icon/r-arrow.png") no-repeat;
    width: 6px;
    height:10px;
    margin-top: 5px;
}
.down-arrow{
    background: url("../img/icon/s-down-icon.png") no-repeat;
    width: 10px;
    height: 6px;
}
.r-arrow-c{
    background: url("../img/icon/r-arrow-c.png") no-repeat;
}

.login-wrapper{
    position: fixed;
    width:100%;
    height: 100%;
    background: url("../img/bg/auth_bg.jpg") center top no-repeat;
}
.area-side{
    background: url("../img/icon/area-icon.png") no-repeat;
    width: 16px;
    height: 18px;
    display: block;
}
.model-side{
    background: url("../img/icon/medal-icon.png") no-repeat;
    width: 15px;
    height: 18px;
    display: block;
}
.auth-box{
    width: 538px;
    height:480px;
    background-color: #fff;
    position: absolute;
    top:50%;
    left:50%;
    margin-left: -269px;
    margin-top: -240px;
}
.login-layout{
    width: 454px;
    overflow: hidden;
    margin: 0 auto;
}
.login-logo{
    width: 281px;
    height:68px;
    margin: 36px auto;
}
.p-login-logo{
    width: 262px;
    height:45px;
    margin: 36px auto;
}
.o-login-logo{
    width: 210px;
    height:45px;
    margin: 36px auto;
}
.auth-input{
    border: 1px solid #dfdfdf;
    overflow: hidden;
}
.auth-input input{
    border: none;
    outline:none;
    margin-bottom: 0;
    padding: 14px 0;
    outline: #fff;
    border-color: #fff;
    box-shadow: 0 0 5px rgba(255, 255, 255, 0);
}
.back-input{
    width: 320px;
}
.login-input{
    width: 395px;
}
.salt-input{
    width: 177px;
}
.auth-i-left{
    padding: 14px 0;
}
.user-icon{
    float: left;
    width:23px;
    height:24px;
    background: url("../img/icon/i-user.png") no-repeat;
    background-size: 23px 24px;
    margin: 12px 12px 12px 22px;
}
.user-pass{
    float: left;
    width:25px;
    height:24px;
    background: url("../img/icon/i-pass.png") no-repeat;
    background-size: 25px 24px;
    margin: 12px 12px 12px 20px;
}
.auth-input input:focus {
    outline: #fff;
    border-color: #fff;
    box-shadow: 0 0 5px rgba(255, 255, 255, 0);
    border-radius: 5px;
}
.forget-text{
    padding: 20px 0;
    font-size: 12px;
    color: #ff6634;
    display: block;
    float: right;
}
.whether-pass{
    clear: both;
    overflow: hidden;
}
.w-icon{
    float: left;
    width:15px;
    height:15px;
    background: url("../img/icon/pass-w.png") no-repeat;
    background-size: 15px 15px;
    cursor: pointer;
    margin-top: 3px;
}
.y-icon{
    background: url("../img/icon/pass-y.png") no-repeat;
}
.wh-text{
    font-size: 12px;
    color: #888888;
    float: left;
    margin-left: 8px;
    line-height: 22px;
}
.auth-btn{
    outline: none;
    border: none;
    display: block;
    text-align: center;
    background-color: #ff6634;
    padding: 15px 0;
    color: #fff;
    border-radius: 4px;
    width: 100%;
    font-size: 16px;
    margin-top: 22px;
}
.l-copyright{
    color: #afd7ee;
    text-align: center;
    font-size: 12px;
    position: absolute;
    bottom: 50px;
    width: 100%;
}
.back-title{
    color: #333333;
    letter-spacing: 4px;
    font-size: 24px;
    padding: 24px 0;
    text-align: center;
}
.auth-i-left{
    float: left;
    width:88px;
    padding-left: 16px;
    color: #333333;
}
.salt-box{
    overflow: hidden;
}
.salt-btn{
    width: 144px;
    height:50px;
    color: #fff;
    text-align: center;
    line-height: 50px;
    border-radius: 4px;
    background-color: #ff6634;
    margin-top: 20px;
    cursor: pointer;
    outline: none;
    border: none;
}
.son-sidebar{
    margin: 0;
    background-color: #1a2538;
    position: relative;
    z-index: 99;
}
.sidebar-son-list{
    display: block;
    text-align: center;
}
.sidebar-son-list-active{
    border-left: 3px solid #22beef;
    color: #fff;
}
.son-list-check{
    border-left: 4px solid #22beef;
    color: #fff;
}
.sidebar-list:hover,
.sidebar-son-list:hover{
    color: #fff;
    text-decoration: none;
    cursor: pointer;
}
.top-nav{
    float: left;
    font-size: 16px;
    margin: 0 30px;
    padding: 18px 0;
    box-sizing: border-box;

}
.top-nav-active{
    border-bottom: 4px solid #1385dd;
}
.mes-content{
    /*-moz-box-shadow:0 0 5px #333;*/
    /*-webkit-box-shadow:0 0 5px #333;*/
    /*box-shadow:0 0 5px #333;*/
    overflow: hidden;
    background-color: #fff;
    margin-top: 15px;
}
.main-mes-top{
    margin: 0 auto;
    padding: 10px 16px;
    border-bottom: 2px solid #c8c8c8;
}
.main-mes-content{
    margin: 0 auto;
    padding: 10px 16px;
    overflow: hidden;
}
.release-btn{
    width: 108px;
    height:36px;
    background-color: #1385dd;
    cursor: pointer;
    border-radius: 4px;
    margin-right: 16px;
}
.train-btn{
    width: 140px;
    height:34px;
    background-color: #fff;
    border: 1px solid #1385dd;
    cursor: pointer;
    border-radius: 4px;
}
.re-width{
    width: 83px;
    margin: 0 auto;
    padding: 8px 0;
    overflow: hidden;
}
.re-icon{
    width: 15px;
    height:15px;
    background: url("../img/icon/no-apply.png") no-repeat;
    margin-right: 5px;
    margin-top: 2px;
}
.train-icon{
    width: 15px;
    height:15px;
    background: url("../img/icon/no-apply2.png") no-repeat;
    margin-right: 5px;
    margin-top: 2px;
}
.me-icon{
    width: 14px;
    height:16px;
    background: url("../img/icon/add-member.png") no-repeat;
    margin-right: 6px;
    margin-top: 1px;
}
.sc-icon{
    width: 12px;
    height:7px;
    background: url("../img/icon/pull-down.png") no-repeat;
    margin-right: 8px;
    margin-top: 15px;
}
.screen-term{
    float: left;
    margin-right: 12px;
    position: relative;
}
.pop-condition{
    display: none;
    position: absolute;
    top:38px;
    width:88px;
    background-color: #fff;
}
.screen-de{
    overflow: hidden;
    cursor: pointer;
    width: 92px;
    height: 36px;
    margin-bottom: 0;
    border: none;
}
.train-width{
    width: 110px;
    margin: 0 auto;
    padding: 8px 0;
    overflow: hidden;
}
.re-text{
    color: #fff;
    font-size: 15px;
}
.tr-text{
    color: #1385dd;
    font-size: 15px;
}
.st-text{
    font-size: 14px;
    line-height: 38px;
    margin-right: 12px;
    color: #999999;
}
.mes-input{
    width: 224px;
    border-radius: 4px;
    border: 1px solid #c8c8c8;
    margin-right: 12px;
}
.mes-input input{
    border: none;
    outline: none;
    margin-bottom: 0;
    outline: #fff;
    border-color: #fff;
    box-shadow: 0 0 5px rgba(255, 255, 255, 0);
    padding: 8px 3px 8px 15px;
}
.mes-input input:focus {
    outline: #fff;
    border-color: #fff;
    box-shadow: 0 0 5px rgba(255, 255, 255, 0);
    border-radius: 5px;
}
.mes-date{
    width: 132px;
    position: relative;
}
.date-icon{
    width: 16px;
    height:16px;
    position: absolute;
    top:10px;
    right:10px;
    background: url("../img/icon/select-date.png") no-repeat;
}
.mes-query-btn{
    float: left;
    color: #fff;
    border-radius: 4px;
    width:80px;
    height:36px;
    line-height: 36px;
    text-align: center;
    background-color: #1385dd;
    outline: none;
    border: none;
}
.al-released{
    padding: 5px 0 15px 0;
    font-weight: bold;
    font-size: 16px;
}
.table{
    border: 1px solid #d1dbe5;
}
.pagination {
    display: inline-block;
    padding-left: 0;
    margin: 20px 0;
    border-radius: 4px;
}
.pagination>li {
    display: inline;
}
.pagination-lg>li:first-child>a, .pagination-lg>li:first-child>span {
    border-top-left-radius: 6px;
    border-bottom-left-radius: 6px;
}
.pagination>li:first-child>a, .pagination>li:first-child>span {
    margin-left: 0;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
}
.pagination-lg>li>a, .pagination-lg>li>span {
    padding: 10px 16px;
    font-size: 18px;
    line-height: 1.3333333;
}
.pagination>li>a, .pagination>li>span {
    position: relative;
    float: left;
    padding: 6px 12px;
    margin-left: -1px;
    line-height: 1.42857143;
    color: #333;
    text-decoration: none;
    background-color: #fff;
    border: 1px solid #ddd;
}
.pagination>li:last-child>a, .pagination>li:last-child>span {
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
}
.page-box{
    width: 100%;
    text-align: right;
}
.pagination>li>.mes-page-check{
    color: #fff;
    background-color: #20a0ff;
    border: none;
    padding: 7px 12px;
}
.top-r-arrow{
    float: left;
    margin-top: 22px;
}
.d-no-title{
    font-size: 16px;
    text-align: center;
    padding: 20px 0;
    color: #333333;
    border-bottom: 1px solid #c8c8c8;
}
.d-tar-title{
     font-size: 14px;
    text-align: left;
    padding: 15px 36px;
    color: #597597;
    border-bottom: 1px solid #c8c8c8;
}
.bg-f{
    background-color: #fff;
    padding: 0;
    margin: 20px 30px;
}
.download-box{
    float: right;
    margin-top: 50px;
    margin-right: 30px;
}
.down-text{
    font-size: 14px;
    color: #1385dd;
}
.down-icon{
    width: 14px;
    height: 14px;
    float: left;
    margin-left: 45px;
    background: url(../img/icon/down-icon.png) no-repeat;
    margin-top: 2px;
    cursor: pointer;
}
.qy-down-icon{
    width: 16px;
    height: 16px;
    float: left;
    background: url(../img/icon/qy-down-icon.png) no-repeat;
    margin-right: 4px;
    cursor: pointer;
}
.train-list-box{
    padding: 16px 22px;
    overflow: hidden;
}
.train-list-left{
    width: 70px;
    color: #666666;
    font-size: 14px;
    
    text-align: right;
}
.train-list{
    overflow: hidden;
}
.train-list-right{
    color: #333333;
    line-height: 36px;
}
.train-list-lf{
    float: left;
    width: 70px;
    line-height: 36px;
    margin-right: 44px;
}
.train-list-rt{
    width: 90%;
}
.train-list-btn{
    width: 140px;
    height: 36px;
    line-height: 36px;
    text-align: center;
    color: #fff;
    border-radius: 4px;
    font-size: 14px;
    outline: none;
    border: none;
    background-color: #1385dd;
    clear: both;
    display: block;
    margin-top: 40px;
}
.pop-condition ul li{
    line-height: 30px;
    text-align: center;
    border-top: 1px solid #999999;
    cursor: pointer;
}
.pop-condition ul li:last-child{
    border-bottom: 1px solid #999999;
}
.table-opera{
    color: #1385dd;
    width:100%;
    cursor: pointer;
    /*display: block;*/
}
.inp-dis{
    width: 10px;
    height: 10px;
    border: 1px solid #999;
    border-radius: 3px;
    background: #eee;
    cursor: not-allowed;
}
.acc-opera-btn{
    font-size: 14px;
    width:80px;
    height:35px;
    border-radius: 4px;
    color: #fff;
    text-align: center;
    line-height: 35px;
    cursor: pointer;
}
.enable-btn{
    background-color: #9ccc65;
    margin-right: 15px;
}
.disable-btn{
    background-color: #fa8564;
}
.add-mem-box{
    zoom: 1;
    margin: 10px 0;
}
.mem-left{
    width: 94px;
    text-align: right;
    color: #333333;
    height:35px;
    line-height: 35px;
}
.mem-right{
    margin-left: 42px;
    width:545px;
    padding: 7px 14px !important;
}
.mem-btn{
    color: #fff;
    background-color: #1385dd;
    border: 1px solid #1385dd;
}
.mem-cancel{
    color: #1385dd;
    border: 1px solid #1385dd;
    margin-left: 25px;
}
.pop-status{
    position: fixed;
    top:0;
    left: 0;
    width: 100%;
    height:100%;
    background-color: #000;
    z-index: 999;
    display: none;
}
.pop-eqit-mes{
    position: absolute;
    left: 50%;
    top:50%;
    width: 724px;
    height:490px;
    margin-left: -362px;
    margin-top: -245px;
    background-color: #fff;
    z-index: 1000;
    border-radius: 4px;
    display: none;
}
.pop-title{
    width:100%;
    height:52px;
    text-align: center;
    color: #000000;
    line-height: 52px;
    position: relative;
    border-bottom: 1px solid #c8c8c8;
}
.close-icon{
    width: 14px;
    height:14px;
    background: url("../img/icon/close-icon.png");
    position: absolute;
    right: 24px;
    top:19px;
    opacity: 1;
}
.com-list-box{
    margin-bottom: 8px;
    position: relative;
}
.com-left{
    width:120px;
    height:36px;
    line-height: 36px;
    color: #333333;
    text-align: right;
    margin-right: 22px;
}
.com-list{
    padding: 22px 0;
}
.com-select{
    height: 36px !important;
    color: #999999;
}
.pop-com-textarea,
.pop-com-input{
    padding: 7px 36px 7px 7px !important;
    width:482px;
}
.tarin-input{
    padding: 7px !important;
    width:203px;
}
.pop-com-textarea{
    resize: none;
}
.pop-com-key{
    padding: 7px 110px 7px 7px !important;
    width:408px;
}
.pop-com-num{
    width: 36px;
    height:36px;
    position: absolute;
    right:56px;
    top:0;
    line-height: 36px;
    text-align: center;
    color: #999999;
}
.pop-classify,
.pop-second{
    width: 550px;
    background-color: #fff;
    position: absolute;
    top:25%;
    left:50%;
    margin-left: -275px;
    z-index: 1000;
    border-radius: 2px;
}
.pop-receive-member{
    width:720px;
    height:530px;
    position: absolute;
    left:50%;
    top:50%;
    margin-left: -360px;
    margin-top: -265px;
    background-color: #fff;
    z-index: 1000;
    border-radius: 2px;
}
.comMes-title{
    height: 50px;
    border-bottom: 1px solid #c8c8c8;
}
.comMes-lf{
    line-height: 50px;
    float: left;
    width: 140px;
    text-align: center;
    color: #333333;
    cursor: pointer;
    position: relative;
}
.comMes-lf-active{
    width: 80px;
    height:4px;
    position: absolute;
    bottom:0;
    background-color: #1385dd;
    left:30px;
}
.com-item{
    padding: 10px 0;
    position: relative;
}
.l-com-left{
    color: #666666;
    width: 115px;
    text-align: right;
    margin-right: 40px;
}
.l-com-right{
    color: #333333;
    margin-left: 155px;
}
.l-tabber{
    border: 1px solid #d1dbe5;
}
.l-tab-left{
    background-color: #f3f9fd;
}
.t-tab-left{
    height:40px;
    line-height: 40px;
    text-align: center;
    color: #666666;
    padding: 0 20px;
}
.first-tab-left{
    border-bottom: 1px solid #d1dbe5;
}
.control-show{
    cursor: pointer;
    position: absolute;
    right: 0;
    top:10px;
}
.d-blue{
    color: #1385dd;
}
.d-down{
    width: 10px;
    height:10px;
    background: url("../img/icon/d-down.png") no-repeat;
    margin: 5px 0 0 8px;
}
.d-up{
    background: url("../img/icon/d-up.png") no-repeat;
}

.xz-icon{
    margin-right: 18px;
}
.xz-name{
    line-height: 41px;
}
.mr20{
    margin-right: 20px;
    margin-bottom: 10px;
}
.event-type{
    position: relative;
}
.event-list{
    padding: 10px 0;
    border-bottom: 1px solid #c8c8c8;
}
.border-bottom{

}
.event-content{
    margin-left: 155px;
    background-color: #f3f9fd;
    color: #676767;
    display: none;
    padding: 15px 10px;
}
.add-speed-list{
    width:400px;
    line-height: 40px;
    position: relative;
}
.add-speed-fl{
    width: 210px;
    text-align: center;
}
.add-speed-fr{
    width: 190px;
    text-align: center;
}
.add-bg{
    background-color: #ffffff;
}
.add-bg2{
    background-color: #eeeeee;
}
.reset-icon{
    width: 14px;
    height: 14px;
    background: url("../img/icon/reset-icon.png") no-repeat;
    position: absolute;
    right:-30px;
    top:13px;
    cursor: pointer;
}
.upload-btn{
    color: #1385dd;
    border: 1px solid #1385dd;
    font-size: 14px;
    width: 90px;
    height: 30px;
    border-radius: 4px;
    text-align: center;
    line-height: 30px;
    cursor: pointer;
    margin: 25px 0 0 42px;
}
#upload_file{
    width: 0;
    height: 0;
    outline: none;
    border: none;
}
.file-list-box{
    padding-top: 20px;
    overflow: hidden;
}
.file-item{
    width: 128px;
    height:138px;
}
.folder{
    width: 80px;
    height: 80px;
    display: block;
    margin: 5px auto 10px;
}
.folder-text{
    width: 90%;
    margin: 0 auto;
    text-align: center;
    display: block;
    color: #333;
}
.radio-icon{
    width: 16px;
    height:16px;
    background: url("../img/icon/jurisd-nocheck.png") no-repeat;
    margin-top: 10px;
    margin-right: 12px;
    cursor: pointer;
}
.radio-icon-check{
    background: url("../img/icon/jurisd-check.png") no-repeat;
}
.file-text{
    line-height: 36px;
}
.select-jurisdiction{
    margin-right: 42px;
}
.send-out{
    float: left;
    width: 28px;
    height: 28px;
    margin-top: 4px;
    cursor: pointer;
    background: url("../img/icon/add-s-icon.png") no-repeat;
}
.lang-btn{
    width: 116px;
    height:36px;
    color: #fff;
    text-align: center;
    line-height: 36px;
    border-radius: 4px;
    background-color: #1385dd;
    margin-left: 25px;
    cursor: pointer;
    outline: none;
    border: none;
}
.lang-btn:hover{
    color: #fff;
    text-decoration: none;
}
.phone-box{
    height: 36px;
    line-height: 36px;
    padding: 0 10px;
    margin-right: 10px;
    border: 1px solid #c8c8c8;
    border-radius: 4px;
}
.banner-explain{
    width: 118px;
    margin: 68px 0 0 100px;
}
.banner-btn{
    margin: 0 auto;
}
.banner-text{
    color: #999999;
    font-size: 12px;
}
.mes-select{
    width: 224px;
    border-radius: 4px;
    margin-right: 12px;
    height: 36px;
    margin-bottom: 0;
}
.pop-add-fl{
    width: 328px;
    height:385px;
    background-color: #eeeeee;
    border-radius: 2px;
    overflow-y: scroll;
}
.pop-add-fr{
    margin-left: 340px;
}
.pop-add-top{
    overflow: hidden;
}
.pop-add-slide {
    margin-top: 20px;
    overflow-y: scroll;
    margin-left: 12px;
    height: 326px;
}
.choose-all{
    font-size: 14px;
    color: #999999;
    margin-left: 8px;
}
.g-choose-list{
    margin-top: 20px;
    width: 280px;
}
.g-name{
    margin-right: 8px;
}
.g-message{
    margin-left: 24px;
}
.g-left-page,
.g-left-list{
    border: 1px solid #c8c8c8;
    border-radius: 4px;
    float: left;
    padding: 4px;
    text-align: center;
    background-color: #fff;
    position: relative;
    margin: 15px 4px;
    width: 136px;
}
.icon-left-page,
.g-left-icon{
    top: -7px;
    right: -7px;
}
.pop-g-btn{
    width: 114px;
    height:36px;
    line-height: 36px;
    text-align: center;
    border-radius: 4px;
    color: #fff;
    font-size: 14px;
    margin: 19px auto;
    display: block;
    background-color: #1385dd;
    outline: none;
    border: none;
}
.collect-mes{
    width: 100%;
}
.collect-mes-box{
    margin-left: 142px;
    width: 100%;
}
.modal-img{
    width: 80px;
    height:80px;
}